/* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with * this
work for additional information regarding copyright ownership. * The ASF licenses this file to You under the Apache License, Version 2.0 * (the
"License"); you may not use this file except in compliance with * the License. You may obtain a copy of the License at * *
http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is
distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific
language governing permissions and * limitations under the License. */
<template>
  <m-list-construction title="资源申请详情">
    <div
      slot="content"
      style="margin-top: 10px"
    >
      <div class="details">
        <div class="titleStyle">基本信息</div>
        <div style="border-bottom: 1px solid #ececec; margin: 0 10px">
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="状态："
                label-width="50px"
                class="text-success"
              >申请成功</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="类型："
                label-width="50px"
              >机主申请（企业） </text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="姓名："
                label-width="50px"
              >berlin</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="电话："
                label-width="50px"
              >186708888</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="邮箱："
                label-width="50px"
              >282814625@qq.com</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="单位/学校："
                label-width="80px"
              >云计算研究院</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="职务："
                label-width="50px"
              >产品经理 </text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="申请时间："
                label-width="80px"
              >2023-07-09 18:09:18</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="16">
              <text-row
                label="客户留言："
                label-width="80px"
              >这是一段客户留言这是一段客户留言 </text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="审核时间："
                label-width="80px"
              >2023-08-09 18:09:18</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="审核备注："
                label-width="80px"
              >备注</text-row>
            </el-col>
          </el-row>
        </div>
      </div>
      <div class="details">
        <div class="titleStyle">机器信息</div>
        <div style="border-bottom: 1px solid #ececec; margin: 0 10px">
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="GPU型号:"
                label-width="80px"
              >XXXXXXXX</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="GPU数量:"
                label-width="80px"
              >XXXXXXXX</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="网络宽带："
                label-width="80px"
              >XXXXXXXX</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="最长合作时长："
                label-width="100px"
              >XXXXXXXX</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="CPU:"
                label-width="50px"
              >XXXXXXXX</text-row>
            </el-col>
            <el-col :span="8">
              <text-row
                label="内存："
                label-width="50px"
              >XXXXXXXX</text-row>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="8">
              <text-row
                label="硬盘："
                label-width="50px"
              >XXXXXXXX</text-row>
            </el-col>
          </el-row>

          <!-- 统一社会信用代码： -->
          <el-row
            :gutter="24"
            style="margin-top: 40px"
          >
            <el-col :span="8">
              <text-row
                label="统一社会信用代码："
                label-width="130px"
              >2222222222222222</text-row>
            </el-col>
          </el-row>
          <el-row
            :gutter="24"
            style="margin: 20px 0; display: flex"
          >
            <div style="width: 167px; margin-left: 10px">
              <img
                src="./image/code.png"
                alt=""
                style="width: 167px; height: 106px"
              />
              <div
                style="text-align: center; color: #555490; font-size: 12px; cursor: pointer; font-weight: 400"
                @click="showCode"
              >查看大图</div>
            </div>
          </el-row>
        </div>
      </div>

      <el-dialog
        title="营业执照"
        :visible.sync="dialogVisibled"
        width="800px"
        class="dialogs"
        append-to-body
      >
        <img
          src="./image/code.png"
          alt=""
          class="imgs"
        />
      </el-dialog>
    </div>
  </m-list-construction>
</template>
<script>
  import textRow from './rowText.vue'
  import mListConstruction from '@/module/components/listConstruction/listConstruction'

  export default {
    name: 'CompanyDetails',
    data () {
      return {
        dialogVisibled: false,
        form: {},
        userState: '0',
        number: '',
        noRequired: '',
        checked: false,
        rules: {
          number: [{ required: true, message: '不能为空', trigger: 'blur' }],
        },
      }
    },
    mixins: [],
    props: {},
    methods: {
      showCode () {
        this.dialogVisibled = true
      },
    },
    watch: {},
    created () { },
    mounted () {
      console.log('params', this.$route.params)
    },
    beforeDestroy () { },
    components: { mListConstruction, textRow },
  }
</script>

<style lang="scss" scoped>
.details {
  background: #fff;
}
.titleStyle {
  background-color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-family: PingFang SC, PingFang SC-600;
  font-weight: 600;
  text-align: LEFT;
  color: #333333;
  padding-left: 10px;
}
.imgs {
  width: 600px;
  margin: 30px;
}
::v-deep .el-dialog .el-dialog__body {
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
